<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/report_details.css">
    <link rel="stylesheet" href="css/shuye封装.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <!--<link rel="stylesheet" type="text/css" href="css/check_attachment.css"/>-->
    
    <title>Document</title>
    <style>
    </style>
</head>
<body>
<div class="prev">
    <a class="active" >报告查询</a>
    <a class="no_active" href="add_report.html">添加报告</a>
</div>
<div id="report_details">
    <div class="header">
        <p class="username">姓名: 张某某</p>
        <p class="usersex">性别：男</p>
        <p class="userage">年龄：50</p>
        <p class="userdivision">科别：骨科</p>
        <p class="diagnosis_type">诊断类型：复诊</p>
        <a href="report_modify.html" class="change_information"><i class="fa fa-pencil"></i>&nbsp;修改信息</a>
    </div>
    <div class="clinical_diagnosis">临床诊断：双足畸形，皮下纤维脂肪增生</div>
    <div class="general_inspection">
        <p>大体检查：</p>
        <p>因（双足巨趾畸形）行畸形趾切除；送检（左3、4，右1、2、3、4、5均为皮肤）皮下纤维脂肪增生请结合临床。因<br>（双足巨趾畸形）行畸形趾切除；送检（左3、4，右
            1、2、3、4、5均为皮肤）皮下纤维脂肪增生请结合临床。</p>
    </div>
    <br>
    <div class="pathological_diagnosis">
        <p>病理诊断：</p>
        <p>因（双足巨趾畸形）行畸形趾切除；送检（左3、4，右1、2、3、4、5均为皮肤）皮下纤维脂肪增生<br>请结合临床。</p>
    </div>
    <br>
    <div class="immune">
        <p>免疫/组化：</p>
        <p></p>
    </div>
    <br>
    <div class="result">
        <p>结果：</p>
        <p>因（双足巨趾畸形）行畸形趾切除；送检（左3、4，右1、2、3、4、5均为皮肤）皮下纤维脂肪增生<br>请结合临床。</p>
    </div>
    <br>
    <div class="remarks">
        <p>备注：</p>
        <p></p>
    </div>
    <div class="hengxian"></div>
    <div class="footer">
        <p class="baogaoyishi">报告医师: 孙医生</p>
        <p class="shenheyishi">审核医师：赵医生</p>
        <p class="time">报告时间：2018-12-4 10: 40：56</p>
        <a href="check_attachment.html" class="fujian">查看附件</a>
    </div>
</div>
<!-- 遮罩层 -->
<div class="mask" id="mask">
    <div class="baogao">
        <div class="pop-query">报告单
            <i class="fa fa-times-circle-o">&nbsp;关闭</i>
        </div>
        <div>
        	<img src="img/图像 1.png" alt="" id="img"/>
        </div>
    </div>
</div>
</body>
<script>
    
var mask = document.getElementById("mask");
var fatWin = getFatWin(window.parent);
var oImg=document.getElementById('img');
var guanbi=document.getElementsByClassName('fa-times-circle-o')[0];
// 显示遮罩层
mask.style.display = "block";
fatWin.document.body.appendChild(mask);

    

// 递归, 查找父页面的window对象
function getFatWin(ele) {
    if (ele.document) {
        return ele;
    }
    return getFatWin(ele.parent);
}

oImg.onclick=function(){
    // 隐藏遮罩层
    fatWin.document.body.removeChild(mask);
};

guanbi.onclick=function(){
    // 隐藏遮罩层
    fatWin.document.body.removeChild(mask);
	
}
</script>
</html>